<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/bangdan.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <script src="../js/index.min.js"></script>
  <title>Document</title>
</head>

<body>
  <div class="fixd">
    <div class="top">
      <a href="../index.html"> <i class="iconfont icon-zuojiantou2"></i></a>
      本月榜单
    </div>
    <div class="nav">
      <ul>
        <li class="active" data-id="contentbox1">新番日漫</li>
        <li data-id="contentbox2">新番国漫</li>
        <li data-id="contentbox3">动漫番剧</li>
        <li data-id="contentbox4">剧场动漫</li>
      </ul>
      <div class="line"></div>
    </div>
  </div>
  <div class="content">
    <div class="contentbox contentbox1" style="display: block;">
      <ul>
        <a href="">
          <div class="left">
            <img src="../update/focus2.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus2.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus2.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus2.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus2.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
      </ul>
    </div>
    <div class="contentbox contentbox2">
      <ul>
        <a href="">
          <div class="left">
            <img src="../update/focus1.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus1.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus1.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus1.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus1.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
      </ul>
    </div>
    <div class="contentbox contentbox3">
      <ul>
        <a href="">
          <div class="left">
            <img src="../update/focus3.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus3.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus3.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus3.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus3.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
      </ul>
    </div>
    <div class="contentbox contentbox4">
      <ul>
        <a href="">
          <div class="left">
            <img src="../update/focus4.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus4.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus4.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus4.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
        <a href="">
          <div class="left">
            <img src="../update/focus4.webp" alt="">
            <h4 class="title">更新至159集</h4>
          </div>
          <div class="right">
            <h3 class="title">完美世界</h3>
            <h5 class="title"><i class="iconfont icon-redu"></i>17644</h5>
            <p class="describe1">国产/国产动漫，秋季番/2020/国语</p>
            <p class="describe2">《完美世界》动画改编自同名小说。他为修道而生，为应劫而生，他化身亿万血雨他化身亿万血雨，</p>
          </div>
        </a>
      </ul>
    </div>
  </div>
  <script>
    let liall = document.querySelectorAll(`.fixd .nav ul li`)
    let ul = document.querySelector(`.fixd .nav ul `)
    let line = document.querySelector(`.fixd .nav .line `)
    let contentbox = document.querySelectorAll(`.contentbox `)
    ul.addEventListener(`click`, function (e) {
      if (e.target.tagName == `LI`) {
        for (let i = 0; i < liall.length; i++) {
          liall[i].classList.remove(`active`)

        }
        e.target.classList.add(`active`)
        let left = (e.target.offsetLeft + 5) / 37.5 + `rem`
        line.style.left = left
        for (let i = 0; i < contentbox.length; i++) {
          contentbox[i].style.display = `none`
        }
        let thiscontentbox = document.querySelector("." + e.target.dataset.id)
        thiscontentbox.style.display = `block`
      }
    })
  </script>
</body>

</html>